/**
 * v0 by Vercel.
 * @see https://v0.dev/t/6YPtO0btLbb
 */
import Link from "next/link"

export default function Component() {
  return (
    <div className="flex flex-col lg:flex-row w-full min-h-screen bg-gray-100 dark:bg-gray-900">
      <header className="flex items-center justify-between px-6 py-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white">
        <Link className="text-2xl font-bold" href="#">
          <GlobeIcon className="w-8 h-8 mr-2" />
          Tech Blog
        </Link>
        <nav className="hidden lg:flex gap-4">
          <Link className="hover:underline" href="#">
            Home
          </Link>
          <Link className="hover:underline" href="#">
            About
          </Link>
          <Link className="hover:underline" href="#">
            Contact
          </Link>
        </nav>
      </header>
      <main className="flex-1 lg:px-12 py-6 lg:py-12 grid lg:grid-cols-3 gap-6">
        <article className="lg:col-span-2 space-y-8">
          <h1 className="text-4xl font-bold">AI in Healthcare: A Game Changer</h1>
          <p className="text-lg text-gray-700 dark:text-gray-300">
            Artificial Intelligence (AI) is revolutionizing the healthcare industry. From predicting patient outcomes to
            assisting in surgeries, AI has a multitude of applications in healthcare. This article explores how AI is
            being used in healthcare and discusses the potential implications of these advancements.
          </p>
          <p className="text-lg text-gray-700 dark:text-gray-300">
            AI can analyze large amounts of data quickly and accurately, making it an invaluable tool for diagnosing and
            treating diseases. For example, AI algorithms can analyze medical images, such as X-rays and CT scans, to
            detect abnormalities that may be indicative of diseases like cancer. This can lead to earlier detection and
            treatment, improving patient outcomes.
          </p>
          <p className="text-lg text-gray-700 dark:text-gray-300">
            In addition to diagnostics, AI is also being used to predict patient outcomes. By analyzing patient data, AI
            can predict the likelihood of a patient developing a certain disease or the likely outcome of a treatment
            plan. This can help doctors make more informed decisions about patient care.
          </p>
        </article>
        <aside className="space-y-4">
          <h2 className="text-2xl font-bold">Related Articles</h2>
          <Link className="block hover:underline" href="#">
            The Future of AI in Healthcare
          </Link>
          <Link className="block hover:underline" href="#">
            How AI is Transforming Telemedicine
          </Link>
          <Link className="block hover:underline" href="#">
            AI and Ethics in Healthcare
          </Link>
        </aside>
      </main>
    </div>
  )
}

function GlobeIcon(props) {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    >
      <circle cx="12" cy="12" r="10" />
      <line x1="2" x2="22" y1="12" y2="12" />
      <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
    </svg>
  )
}
